<html>
<head>
<title>APLIKASI PERPUSTAKAAN | <?php echo $title ?></title>
<link href="<?php echo base_url().'assets/css/style.css' ?>" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<?php echo base_url()?>assets/js/jquery.js"></script>

<script type="text/javascript">

$(function() {

	var i = $('input').size() + 1;

	$('a.add').click(function() {

		$('<p><input type="text" value="input ' + i + '" /></p>').animate({ opacity: "show" }, "slow").appendTo('#inputs');
		i++;
	});

	$('a.remove').click(function() {
	
	if(i > 2) {
		$('input:last').animate({opacity:"hide"}, "slow").remove();
		i--;
		
	}

	});
	
	$('a.reset').click(function() {
	
	while(i > 2) {
		$('input:last').remove();
		i--;
	}

	});
	
});

</script>

</head>
<body>
